<template>
    <div class="zt-community">
        <Form ref="formInline" :model="queryForm" inline :label-width="80">
            <Form-item label="店铺名称：">
                <Input v-model="queryForm.shop_name" placeholder="请输入"></Input>
            </Form-item>
            <Form-item label="所属网格：">
                <Input v-model="queryForm.name" placeholder="请输入"></Input>
            </Form-item>
            
            <Form-item>
                <Button type="primary">查询</Button>
                <Button type="primary">新增</Button>
            </Form-item>
        </Form>
        <div>
        </div>
        <i-table  :columns="tableColums" :data="tableData" border>
            <template slot-scope="{ row }" slot="is_important">
                <div class="csj-table-avatar" v-if="row.is_important == 'y'">
                是
                </div>
                
                <div v-else class="ca1a1a1">否</div>
            </template>

            <template slot-scope="{ row }" slot="checkers">
                <div class="csj-table-avatar" v-if="row.checkers">
                <!-- <img :src="$api.imagesOssPrefix(row.image)" alt="" /> -->
                <div v-for="checker in JSON.parse(row.checkers)">
                    {{ checker }}
                </div>
                </div>
                <div v-else class="ca1a1a1">暂无</div>
            </template>

            <template slot-scope="{ row }" slot="images">
                <div class="csj-table-avatar" v-if="row.images">
                <!-- <img :src="$api.imagesOssPrefix(row.image)" alt="" /> -->
                <div v-for="image in JSON.parse(row.images)">
                    <img :src="$api.imagesOssPrefix(image)" alt="" />
                </div>
                </div>
                <div v-else class="ca1a1a1">暂无</div>
            </template>
             <template slot-scope="{ row }"
                    slot="operation">
            <span class="c169bd5">修改</span>
            <span class="ml30 c169bd5">删除</span>
          </template>
        </i-table>
        <!--分页-->
      <!-- <div class="lh80"> -->
        <Page
          :total="count"
          @on-change="changePage"
          show-total
        ></Page>
    </div>
</template>
<script lang="ts" src="./check.ts"></script>